@font-face{
            font-family: 'syr';
            src : url('../fonts/syr.ttf');
        }


@font-face{
            font-family: 'Roboto-Bold';
            src : url('../fonts/Roboto-Bold.ttf');
        }


.clear{clear: both;}
a{color: #000;}
.header{    padding: 1.5rem 0;
    position: fixed;
    z-index: 200;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;}
#m_nav>.left{    position: relative;}


#m_nav .header{position: relative;background: none;z-index:100;}
#m_nav .header.shang{opacity:0;}
#m_nav .header.xia{    position: absolute;
    left: 0;
    bottom: 0rem;
    top: auto;}
#m_nav .header.xia .logo{padding-left: 7.125rem;}


.header .logo{padding-left: 2.5rem;}
.header .logo img{width: 100%;max-width: 242px;}



.header .yuyan{margin-left: 3.75rem;}
.header .yuyan a{font-size: 14px;color: #a0a0a0;transition: 0.4s;line-height: 38px;display: inline-block;margin-right: 20px;font-family: 'syr';}
.header .yuyan a.on,.header .yuyan a:hover{color: #000;}
.header .yuyan a:last-child{position:relative;}
.header .yuyan a:last-child::after{content: "";
    display: block;
    width: 1px;
    height: 1rem;
    background: #999;
    position: absolute;
    top: 30%;
    left: -0.7rem;}

.header .dh_btn{    margin-top: 9px;margin-right: 1.875rem;cursor: pointer;}
.header .search{margin-top: 6px;margin-right: 2.06rem;position: relative;}
.header .db_dh{}
.header .db_dh ul{}
.header .db_dh ul li{}
.header .db_dh ul li a{}

.header .search>img{cursor: pointer;}
.header .search .ss{    position: absolute;
    width: 50rem;
    top: -8rem;
    border-bottom: 1px solid;
    right: -1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1rem;
    transition: 0.4s;
    background: #fff;
    z-index: 10;transition: 0.4s;}
    .header .search .ss .btn{}
    .header .search .ss .txt{width: 100%;height: 25px;color: #000;border: 0;    padding: 0 5%;
    font-size: 22px;}
    .header .search .ss img{cursor: pointer;}



.header_box .right .MainMenu{ display:inline-block }
.header_box .logo{line-height: 92px;position: relative;z-index: 1;}

.MainMenu{margin-right: 2.81rem;}

.MainMenu #links{position: relative;z-index: 1;padding: 0;}

.MainMenu #links>li{float: left;margin: 0;position:relative;color: #fff;display:inline-block;line-height: 38px;transition:0.6s;text-align: center;margin-left: 1.71rem;}
.MainMenu #links>li:nth-child(4):after{ display:none}
.MainMenu #links>li:nth-child(5){}
.MainMenu #links>li a{display:block;position:relative;padding: 0;}
.MainMenu #links>li a h3{font-size: 1.125rem;font-weight: bold;transition: 0.4s;}
.MainMenu #links>li:hover a h3{color: #00a494;}
.MainMenu #links>li a i{content:"";position:absolute;right: -1.25rem;}
.MainMenu #links>li a i svg{display:inline-block;width: 11px;height: 11px;fill:#282828;position: relative;top: 3px;}
.MainMenu #links>li:before{content:"";position:absolute;bottom: 3px;left: 50%;border-bottom: #fff 4px solid;transition:0.6s;border-left: transparent 4px solid;border-right: transparent 4px solid;margin-left: -4px;opacity: 0;visibility: hidden;display: none;}
.MainMenu #links>li>a:after{    content: "";
    position: absolute;
    left: 40%;
    width: 4px;
    height: 4px;
    transition: 0.6s;
    opacity: 0;
    bottom: auto;
    top: -13%;transition: 0.4s;
    border-radius: 50%;
    background: #00a494;}
.MainMenu #links>li:hover:before{opacity: 1;visibility: visible;}
.MainMenu #links>li:hover>a:after{opacity: 1;}
.MainMenu #links>li.on, .MainMenu #links>li:hover{color: #fff;}

.MainMenu #links>li.on>a:after{opacity: 1;}
.MainMenu #links>li.on a h3{    color: #00a494;}

.MainMenu #links .down{width:180px;position:absolute;top: 140%;left:50%;margin-top: 0;background-color:#fff;z-index:2;-webkit-transform:translate(-50%,10px);-ms-transform:translate(-50%,10px);transform:translate(-50%,10px);-webkit-border-radius:2px;-ms-border-radius:2px;border-radius:2px;padding:15px 20px;opacity:0;pointer-events:none;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);-ms-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);box-shadow: 0 5px 50px rgba(0,0,0,.3);display:block;}
.MainMenu #links .down:before{content:"";position:absolute;bottom:100%;height:25px;left:0;right:0;background-color:transparent;}
.MainMenu #links .down:after{content:"";position:absolute;bottom:100%;left:50%;border-style:solid;margin-left:-7px;border-width:7px;border-color:transparent transparent #fff;}
.MainMenu #links .down li:not(:last-of-type){border-bottom:1px solid #efefef}
.MainMenu #links .down a{display:block;position:relative;font-size: 15px;padding: 10px 0;color:#58595b;-webkit-transition:color .3s cubic-bezier(.645,.045,.355,1);-ms-transition:color .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1);line-height: initial;text-align: center;letter-spacing: 1px;line-height: 24px;}
.MainMenu #links .down a:before{content:"";position:absolute;top:7px;bottom:7px;left:-20px;width:4px;background: #000;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transition:-webkit-transform .3s cubic-bezier(.162,.85,.45,1);transition:transform .3s cubic-bezier(.162,.85,.45,1);}
.MainMenu #links .down a.active,.MainMenu #links .down a:hover{color: #000;}
.MainMenu #links .down a.active:before,.MainMenu #links .down a:hover:before{-ms-transform-origin:top;-webkit-transform-origin:top;transform-origin:top;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.MainMenu #links .down.active{pointer-events:all;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);-webkit-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s;opacity:1; }




.MainMenu #links>li a{color: #000;}
.MainMenu #links>li a h3{font-size: 1rem;font-weight: normal;font-family: 'syr';}





.foot{/*display: flex;*/justify-content: space-between;align-items: flex-end;background: url(../images/foot_bg_d.jpg) repeat top center;padding: 2rem;position:relative;min-height: 257px;width:100%}
.foot::after{content:"";width:220px;height:280px;display:block;background:url(../images/foot_bg_c.png) no-repeat center center;position:absolute;top:-23px;left:0;right:0;bottom:0;margin:auto;z-index:0;}
.foot>div{position:relative;z-index:2;}
.foot .left{float:left;margin-top: 181px;}
.foot .left p{font-size: 12px;color: #9b9b9b;line-height: 18px;word-break: break-all;}
.foot .center{margin-left: -4.8rem;    position: absolute;
    top: 13%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;}
.foot .center>a{text-align: center;display: block;}
.foot .center>a img{padding: 2rem 0 0;}
.foot .center>.wz{padding:1.5rem 0 1.7rem;}
.foot .center>.wz p{font-size: 12px;line-height: 18px;text-align: center;}
.foot .center>ul{display: flex;margin: 0 auto;justify-content: center;}
.foot .center>ul li{margin: 0 3px;width: 36px;height: 36px;background: #000;border-radius: 50%;text-align: center;position: relative;line-height: 32px;transition:0.4s;}
.foot .center>ul li a{display:block}
.foot .center>ul li a>img{}
.foot .center>ul li a>div{position: absolute;bottom: 50px;left: -42px;display: none;z-index:99;}
.foot .center>ul li a>div img{max-width: 150px;width:118px;}
.foot .center>ul li:hover a>div{display: block;}
.foot .center>ul li:hover{background:#00a494;}
.foot .center>.right{display: none;}
.foot .center>.left{display: none;}

.foot .right{position: relative;padding-left: 13px;float:right;margin-top: 181px;}
.foot .right::after{position: absolute;content: "";width: 5px;height: 5px;background: #000;border-radius: 50%;left: 0;top:6px;transition: 0.4s;}
.foot .right a{font-size: 12px;color: #686868;transition: 0.4s;}
.foot .right:hover a{color: #00a494;}
.foot .right:hover::after{background: #00a494;}

@media(max-width: 1200px){
.foot .center{top:4%;}

}

@media(max-width: 1080px){
    .MainMenu{display: none;}

}
@media(max-width: 1024px){
   

    .header .logo{padding-left: 1.875rem;}
.header .search .ss{width: 40rem;}



}





@media(max-width: 900px){


    .header .search{display: none;}
#m_nav .header.shang{opacity:1;}
#m_nav .header.xia{display:none;}
}

@media(max-width: 650px){
.header .yuyan a{font-size:12px;}

    .foot .left{display: none;}
    .foot .right{display: none;}
    .foot .center{width: 100%;margin:0;top: 5%;}
    .foot .center>.right{display: table;margin: 1rem auto;float:none;}
.foot .center>.left{display:table;margin: 0 auto;float:none;padding: 0 8px;}
.foot{   
    background-size: cover;}

    .foot .center>.wz{padding: 0.5rem 0 1rem;}

    .header .yuyan{    margin-left: 1rem;}

    .header .logo{width: 196px;}
    .header .yuyan a{line-height: 27px;margin-right: 10px;}
    .header .dh_btn{    margin-top: 5px;}

}


.m_nav_list{flex-direction:column; justify-content: flex-start; width:100%; overflow: auto;}

.m_nav_list::-webkit-scrollbar {display:none}
#m_nav {
    z-index: 999 !important;
    position: fixed;
    background: none;

    width: 100%;
    height:100vh;
    right: -105%;
    top: 0;
    display:none;
    padding: 0;
    overflow:hidden;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    display: flex;
    justify-content: space-between;
    }
#m_nav.act{ pointer-events: auto; right:0;}

#m_nav .left{width: 100%;background: #fff;}

#m_nav .left>ul{margin-top: 0;width: 100%;    height: calc(100vh - 93px);
    overflow-y: scroll;-webkit-overflow-scrolling:touch;}
#m_nav .left ul>li{width:100%;overflow:hidden;padding: 0 1.25rem 0 1.875rem;position: relative;margin-bottom: 1rem;}
#m_nav .left ul>li>a{width: calc(100%-60px);display: block;margin-bottom: 1rem;}
#m_nav .left ul>li>a h3{font-size: 22px;display: inline-block;line-height: 30px;height: 30px;}
#m_nav .left ul>li>span{display: flex;width: 60px;height: 30px;position: absolute;top: 0;right: 0;justify-content: space-between;align-items: center;padding: 0 10px;margin-right: 20px;cursor: pointer;}
#m_nav .left ul>li>span::before{content: "";width: 14px;height: 1px;background: #000;display: block;}
#m_nav .left ul>li>span::after{content: "";display: block;width: 10px;height: 5px;background: url(../images/jt_hei.png) no-repeat;transform: rotate(90deg);transition: 0.4s;}
#m_nav .left ul>li>ul{border-left: 1px solid #000;display: none;}
#m_nav .left ul>li>ul li{margin-bottom: 0;padding: 0 1.25rem 0 1.25rem;}
#m_nav .left ul>li>ul li a{margin-bottom: 0;line-height: 25px;}
#m_nav .left ul>li.on span::after{transform: rotate(0deg);}
#m_nav .left ul>li.on>ul{display: block;}


#m_nav .right{background: #00A494; width: 5.875rem;
    text-align: center;display: flex;flex-direction:column;justify-content: space-between;padding: 2rem 0 2rem; align-items: center;}
#m_nav .right .close{cursor: pointer;}
#m_nav .right .search{    position: fixed;
    bottom: 2rem;
    width: 70px;}
#m_nav .right .ss{    position: fixed; width: 100%;bottom: -105%;left: -5px;display: flex;justify-content: space-between;align-items: center;    padding: 2rem 1.5rem 2rem 2.375rem;transition: 0.4s;
    background: #fff;}
#m_nav .right .ss .btn{}
#m_nav .right .ss .txt{width: 100%;height: 25px;color: #000;border: 0;    padding: 0 1%;
    font-size: 22px;}
#m_nav .right .ss img{cursor: pointer;}



#m_nav .left ul::-webkit-scrollbar {width:4px;height: 8px;background-color: #F5F5F5;}
#m_nav .left ul::-webkit-scrollbar-track {border-radius: 10px;background-color: #E2E2E2;}
#m_nav .left ul::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #333;}



#gotop{position:fixed;z-index:90;bottom: 3.5rem;right: 1rem;box-sizing:border-box;text-align:center;cursor:pointer;-moz-transition:all .5s;-webkit-transition:all .5s;width: 2.875rem;height: 2.875rem;line-height: 2.875rem;background: #00A494;opacity:1;visibility:visible;overflow:hidden;display:none;}
#gotop.hide{ height:0; opacity:0; visibility:hidden}
#gotop svg{width: 1.375rem;height: 1.375rem;display: inline-block;fill: #fff;vertical-align: middle;margin: -3px 0 0; transition:.6s}
#gotop:hover{ border-radius:50%}





@media (min-width:1600px) and (max-width:1940px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:14px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:13px;}}
@media (max-width:328px){html{font-size:12px;}}



/* part4开始 */
.part4_lb2{z-index: 3;width: 35%;    position: relative;
    z-index: 12;
    overflow: hidden;
    float: left;}
.part4{padding-left: 6.25rem;position: relative;padding-bottom: 10.3rem;margin-top: 6.75rem;}
.part4::after{position: absolute;width: 100%;height: 84.5%;left: 0;content: "";display: block;background: #00998A;z-index: 0;bottom: 0;}
.part4::before{content: "";height: 1.875rem;width: calc(100% - 6.25rem);left: 6.25rem;background: #000;display: block;bottom: -0.9357rem;z-index: 13;position: absolute;}
.part4 .tit{position: relative;z-index: 10;pointer-events: none;}
.part4 .tit .zz_img{display: block;    max-width: 1401px;position: relative;
    z-index: 2;}
.part4 .tit .zz_img img{    width: 100%;}
.part4 .tit .zz_img_sj{display: none;}
.part4 .tit .zz_img_sj img{width: 100%;}
.part4 .tit .wz{font-size: 6.25rem;color: #fff;position: relative;top: -3.8rem;
    z-index: 5;}

.part4 ul{    position: relative;
    z-index: 10;
    width: 100%;
    }
.part4 ul li{border-bottom: 1px solid #fff;}
.part4 ul li a{font-size: 1.125rem;color: #fff;display: block;line-height: 1.5rem;padding: 0 12rem 1.375rem 0;}


.part4_lb{width: 67.708%;float: right;margin-top: -24rem;    overflow: hidden;
    position: relative;
    z-index: 3;}
.part4_lb .swiper-slide{}
.part4_lb .swiper-slide a{display: block;position: relative;}
.part4_lb .swiper-slide .zsimg{width: 100%;}
.part4_lb .swiper-slide .zz{position: absolute;z-index: 1;top: 0;display:none;
left: 0;right: 0;bottom: 0;margin: auto;opacity: 0;transition: 0.4s;}
.part4_lb .swiper-slide:hover .zz{opacity: 1;}

.part4 .swiper-pagination{display: none;}


@media screen and (max-width: 1600px) {
	.part4 ul li a{    padding: 0 6rem 1.375rem 0;}
}
@media screen and (max-width: 1200px) {
	.part4 ul li a{    padding: 0 3rem 1.375rem 0;}
	.part4{    padding-bottom: 6.3rem;
		margin-top: 8.437rem;}
		.part4 .tit .wz{    font-size: 5.25rem;}
		.part4_lb{    margin-top: -18rem;}
}
@media screen and (max-width: 900px) {


.part4 .tit .zz_img_sj img{    margin: 0 auto;width:auto;height: 10rem;
    display: block;}

.part4_lb2{margin-top: -2rem;width:100%;}
.part4_lb2 .swiper-slide{padding-bottom: 2rem;}
	.part4_lb .swiper-slide .zz{width: 18%;}
	.part4_lb{    margin-top: -2rem;width: 100%;}
	.part4::after{height: 95.5%;}
	.part4{padding-left: 1.875rem;}
	.part4 .tit .wz{width: 100%;text-align: center;display: block;}
	.part4 ul{width: 100%;}
	.part4 ul li a{    padding: 0.6rem 2rem 2.8rem 1.3rem;}
	.part4 ul li {
		border-bottom: 0px solid #fff;
		border-left: 1px solid #fff;
		margin-bottom: -1.5rem;margin-left: 0.7rem;
	}
	.part4 .tit .zz_img{display: none;}
	.part4 .tit .zz_img_sj{    width: 100%;
    display: block;
    margin-left: 0%;
    overflow: hidden;}
	.part4 .tit .wz{    top: -4.5rem;}
	.part4::after {
		height: 94.5%;
	}
	.part4::before{    width: calc(100% - 1.875rem);
		left: 1.875rem;}
	.part4 .tit{    overflow: hidden;
		width: 106%;
		margin-left: -1.875rem;}
	.part4 .swiper-pagination{display: block;width: 100%;position: absolute;bottom: 3rem;left: 0;}
	.part4 .swiper-pagination-bullet{width: 7px;height: 7px;margin: 0 1%;}
	.part4 .swiper-pagination span{background: #fff;opacity: 1;}
	.part4 .swiper-pagination span.swiper-pagination-bullet-active{background: #008D6B !important;}
    
    .part4{margin-top: 6.437rem;}




}




/* part4结束 */



#m_nav .right .search{display:none;}
#m_nav .left>ul{display:none;}

#m_nav .pc_yc_dh{
              display:flex;
                flex-direction:column;
flex-wrap: wrap;
margin: 0% 6% 6.5% 7.125rem;
                width: 60%;
                height:60%;
    min-height: 400px;
}
#m_nav .pc_yc_dh ul{
                padding: 0em;
                margin-bottom: 0em;
                -moz-page-break-inside: avoid;
                -webkit-column-break-inside: avoid;
                break-inside: avoid;
                border-left: 1px solid;
height:auto;
width:25%;
margin-bottom: 2.5rem;
}
#m_nav .pc_yc_dh ul li{margin-bottom:0}
#m_nav .pc_yc_dh ul li a{color:#000;font-size:1rem;}
#m_nav .pc_yc_dh ul li.fs{}
#m_nav .pc_yc_dh ul li.fs a{font-size:1.875rem;}


#m_nav ul.gfpt{display: flex;margin: 0 auto;justify-content: center;flex-wrap: wrap;position: absolute;
    bottom: 4.5rem;}
#m_nav ul.gfpt li{margin: 0 8px;width: 36px;height: 36px;background: #fff;border-radius: 50%;text-align: center;position: relative;line-height: 32px;transition:0.4s;padding:0;}
#m_nav ul.gfpt li+li{    margin-top: 1rem;}
#m_nav ul.gfpt li a{display:block}
#m_nav ul.gfpt li a>img{}
#m_nav ul.gfpt li a>div{position: absolute;bottom: -50px;
    right: 52px;display: none;}
#m_nav ul.gfpt li a>div img{max-width: 150px;}
#m_nav ul.gfpt li:hover a>div{display: block;}
//#m_nav ul.gfpt li:hover{background:#00a494;}


@media screen and (max-width: 1200px) {
#m_nav .pc_yc_dh{width:100%;    margin: 0% 6% 6.5% 3.125rem;}
#m_nav .header.xia .logo{padding-left: 3.125rem;}
}

@media screen and (max-width: 900px) {
#m_nav .right{width:70px;}
#m_nav .right .search{display:block;}
#m_nav .left>ul{display:block;}
#m_nav .pc_yc_dh{display:none;}

#m_nav ul.gfpt{display:none;}
}









.pageTips {
  position: fixed;
  z-index: 10000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
background: #000;
  background: rgba(0,0,0,0.8); }
  .pageTips .container {
padding:6rem 4rem;
background:#00a494;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 630px;
    margin-left: -315px;
    margin-top: -160px; }
    .pageTips .container a.close {
      display: block;
      width: 50px;
      height: 50px;
      position: absolute;
      z-index: 1;
      left: auto;
      right: -15px;
      top: 40px;
      bottom: auto;
      background: ; }
    .pageTips .container h1 {
      text-align: center;color:#fff }
    .pageTips .container .msg {
      font-size: 18px;
      line-height: 36px;
      padding-top: 30px; }
    .pageTips .container a {
      color: #fff;
      text-decoration: underline; }




.swiper-button-next:after, .swiper-button-prev:after{display:none !important;}